<template>
  <div
    :class="['container','title','bg-size']"
    :style="titleStyle"
  >
   
    <img :src="require(`./img/${titleType}.png`)" alt="">
    <span>{{ title }}</span>
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "data-v-title",
  data() {
    return {};
  },
  props: {
    titleType: {
      type: Number,
      default: 1,
    },
    title: {
      type: String,
      default: "",
    },
    titleStyle: {
      type: Object,
      default: () => {},
    },
  },
};
</script>
<style lang="less" scoped src='./index.less'></style>